<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,,chrome=1" />
	<title>响应式开发</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
<!--width=device-width ：表示宽度是设备屏幕的宽度
initial-scale=1.0：表示初始的缩放比例
minimum-scale=1.0：表示最小的缩放比例
maximum-scale=1.0：表示最大的缩放比例
user-scalable=yes：表示用户是否可以调整缩放比例-->

<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>
<body>
<!--[if lte IE8]>
	<p class="browserupgrade">你的浏览器版本过低，请到<a href="http://browsehappy.com/">这里</a>更新，以获取最佳的体验</p>
<![endif]-->

<header>
	<nav class="top">
		<span class="tel">理财热线：400-888-8888</span>
		<ul>
			<li><a href="#">登录</a></li>
			<li><a href="#">快速注册</a></li>
			<li><a href="#">关于</a></li>
			<li><a href="#">帮助</a></li>
			<li><a href="#">APP下载</a></li>
		</ul>
	</nav>
	<nav class="main">
		<a href="#" class="brand"><img src="img/logo@1x.png" alt="首页" /></a>
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">理财频道</a></li>
			<li><a href="#">投资频道</a></li>
			<li><a href="#">新手专区</a></li>
			<li><a href="#">安全保障</a></li>
		</ul>
	</nav>
</header>

<div class="container">
	<section class="transaction clearfix">
		<div class="trans-content">
			<div class="trans-data">
				<span>平台累计成交金额</span>
				<span class="trans-money">19998</span>
				<span>万元</span>
			</div>
			<div class="trans-data">
				<span>过去7日成交金额</span>
				<span class="trans-money">6666</span>
				<span>万元</span>
			</div>
			<div class="trans-report">
				<a href="#">查看平台运营报告</a>
			</div>
		</div>
	</section>
	
	<div class="ad">
		<div class="owl-carousel owl-theme">
			<div class="item">
				<picture>
					<source srcset="img/ad001-l.png" media="(min-width: 50em)" />
					<source srcset="img/ad001-m.png" media="(min-width: 30em)" />
					<img src="img/ad001.png" alt="2015年度报告" />
				</picture>
			</div>
			<div class="item">
				<picture>
					<source srcset="img/ad002-l.png" media="(min-width: 50em)" />
					<source srcset="img/ad002-m.png" media="(min-width: 30em)" />
					<img src="img/ad002.png" alt="新年红包" />
				</picture>
			</div>
			<div class="item">
				<picture>
					<source srcset="img/ad003-l.png" media="(min-width: 50em)" />
					<source srcset="img/ad003-m.png" media="(min-width: 30em)" />
					<img src="img/ad003.png" alt="新手秘籍" />
				</picture>
			</div>
		</div>
	</div>
	
	<section class="feature">
		<div class="item">
			<h3>安全</h3>
			<p>国家AAA信用平台<br />银行资金托管<br />上市公司背景保证</p>
		</div>
		<div class="item">
			<h3>权威</h3>
			<p>中央电视台推荐<br />互联网百强企业<br />标准起草单位</p>
		</div>
		<div class="item">
			<h3>省心</h3>
			<p>100元起投<br />用户利益保障机制<br />保险公司承保</p>
		</div>
	</section>
	
	<div class="notice">
		<a href="#"><span>2015-12-31</span> 元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告</a>
		<a href="#" class="more">更多公告</a>
	</div>
	
	<section class="product clearfix">
		<h2>
			固定期限产品
			<em>甄选优质基金</em>
			<em>省时省力</em>
			<em>坐等收益</em>
		</h2>
		<div class="product-content">
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#" class="disabled">购买</a></div>
			</div>
		</div>
	</section>
	
	<section class="product clearfix">
		<h2>
			固定期限产品
			<em>甄选优质基金</em>
			<em>省时省力</em>
			<em>坐等收益</em>
		</h2>
		<div class="product-content">
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#">购买</a></div>
			</div>
			<div class="item clearfix">
				<h3><em>3</em>个月</h3>
				<div class="info">
					<p>约定年化收益率：<span class="year-rate">3.50% <i>起</i></span></p>
					<p>总成交金额：<span class="money">1880 <i>万元</i></span></p>
				</div>
				<div class="buy"><a href="#" class="disabled">购买</a></div>
			</div>
		</div>
	</section>
	
	<section class="footer">
		<div class="footer-content clearfix">
			<p class="brand"></p>
			<ul>
				<li class="title">关于我们</li>
				<li><a href="#">公司介绍</a></li>
				<li><a href="#">业务模式</a></li>
				<li><a href="#">合作机构</a></li>
				<li><a href="#">服务协议</a></li>
			</ul>
			<ul>
				<li class="title">风险防范</li>
				<li><a href="#">账户安全</a></li>
				<li><a href="#">安全保障</a></li>
			</ul>
			<ul>
				<li class="title">理财产品</li>
				<li><a href="#">固定期限</a></li>
				<li><a href="#">债权/散标</a></li>
			</ul>
			<ul>
				<li class="title">交易帮助</li>
				<li><a href="#">购买</a></li>
				<li><a href="#">赎回</a></li>
				<li><a href="#">体现</a></li>
			</ul>
			<ul>
				<li class="title">机构服务</li>
				<li><a href="#">机构中心</a></li>
				<li><a href="#">合作联系</a></li>
			</ul>
		</div>
	</section>
</div>

<footer>
	<ul>
		<li><span class="icon icon-zfywxk">支付业务许可证</span></li>
		<li><span class="icon icon-pcirk">PCI认证</span></li>
		<li><span class="icon icon-visayz">Visa 验证</span></li>
		<li><span class="icon icon-vsjmfw">VewSign加密服务</span></li>
		<li><span class="icon icon-wlgs">网络工商</span></li>
		<li><span class="icon icon-rzcx">电子商务协会认证诚信网</span></li>
		<li><span class="icon icon-gs">北京工商</span></li>
	</ul>
	<p>北京某互联网金融公司 版权所有 R 2015-2016</p>
</footer>

<script src="js/vendor/jquery.min.js" ></script>
<script src="js/vendor/owl.carousel.2.1.0/owl.carousel.min.js" ></script>
<script src="js/vendor/picturefill.min.js" ></script>
<script src="js/main.js"></script>
</body>
</html>
